<script setup lang="ts">
import {} from "vue";
import { useRouter } from "vue-router";

const router = useRouter();

const navigateTo = (name: string) => {
  router.push(name);
};
</script>

<template>
  <main>
    <div class="bg-img">
      <img src="../assets/image/home.png" />
      <div class="click-btn" @click="navigateTo('/plan')"></div>
    </div>
  </main>
</template>
<style scoped lang="scss">
.bg-img {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  img {
    width: 100%;
    height: 100%;
    // object-fit: cover;
    // transform-origin: center center;
  }
  .click-btn {
    position: absolute;
    width: 65px;
    height: 60px;
    background-color: transparent;
    top: 150px;
    right: 13px;
  }
}
</style>
